@charset "utf-8";
#header {}
#header a{text-decoration: none;  }

#header .login {width: 100%; background-color:#fff; }
#header .login .login-center {width: 1200px; height: 95px; margin:0 auto;}
#header .login .login-center .logo { float: left; margin-top:10px;}
#header .login .login-center .logo img{ height:75px;}
#header .login .login-center span { float:right; margin-top:10px;}
#header .login .login-center span img{ height:70px;}


#nav{
	width:100%;
	position:absolute;
	left:0;
	top:95px;
	z-index:999;
	background:#373028;
}

#nav nav {
    width:1200px; 
	margin:0 auto;  
	position:relative;
	display:table;
	height:50px; 
	line-height:50px;
	font-size:16px
}
#nav nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#nav nav ul ul {
	opacity:0;
	position:absolute;
	top:160%;
	visibility:hidden;
	transition:all .4s ease;
	-webkit-transition:all .4s ease;
}
#nav nav ul ul ul {
	top:0%;
	left:160%;
}
#nav nav ul ul li:hover > ul {
	top:0%;
	left:100%;
	opacity:1;
	visibility:visible;
}
#nav nav ul li:hover > ul {
	opacity:1;
	top:100%;
	visibility:visible;
}
#nav nav ul li {
	float:left;
	position:relative;
}
#nav nav ul ul li {
	float:none;
	width:132px;
	text-align:center;
}
#nav nav ul ul li li{ width:220px}
#nav nav ul li {
	background-color:#373028;
	cursor: pointer;
	
}
#nav nav ul li li a{ width:100%}
#nav nav ul a {
	text-decoration:none;
	display:block;
	color:#ffffff;
	text-align:center;
	width:132px;
	font-size:16px; 
	font-weight:bold;
}

#nav nav ul li:hover {
	background-color:#ff8100;
}
#nav nav ul .active {
	background-color:#ff8100!important;
}
/*ul li .cur {
	background-color:#ff8100;}*/
#nav nav a#css25{
	background:url(../images/dropright.png) no-repeat right center;}
	.css16 li{ width:160px!important}
	.css16 li a{ width:100%!important}
	.css18 li{ width:250px!important}
		.css18 li a{ width:100%!important}
		.inpro .inprobody li:nth-child(3){margin-right: 0px;}
		.inpro .inprobody li:nth-child(7){margin-right: 0px;}
		
.pagination-wrapper{margin: 20px 0;} .pagination{height: 34px;text-align: center;} .pagination li {display: inline-block;height: 34px;margin-right: 5px; float: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;} .pagination li a{} .pagination li a:hover{background:#f5f5f5;color:#0099ff;} .pagination li.thisclass {background: #ff8100;color: #fff;} .pagination li.thisclass a,.pagination li.thisclass a:hover{background: transparent;border-color: #09f;color: #fff;cursor: default;}




.shouji{ display:none}



.logo2{ display:none}

/* Responsive for smaller screens */

@media (max-width: 760px) {




nav {
}

nav ul {
    width: 90%;
    max-width: 1024px;
    margin: 0 auto;
    list-style-type: none;
}

nav ul li {
    display: inline-block;
}

nav ul li a {
    color: #9d9d9d;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    padding: 1em;
    box-sizing: border-box;
}

nav ul li a:hover {
    color: white;
}

.current_page {
    background-color: black;
}

.current_page a {
    color: white;
}

#menu_button_wrapper{
    display: none;
}

.hidden {
    display: none;
}







.shouji{ display:block}
#nav{ display:none}


    #menu_button_wrapper{
        display: block;
        padding: 1em;
        color: #000000;
        
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1);
        box-shadow: 0 1px 0 rgba(255,255,255,.1);
        margin-bottom: .5em;
    }
    
    #menu_button {
        box-sizing: border-box;
        float: right;
        padding: .5em;
        border: 1px solid #333;
        border-radius: 5px;
        color:#ff8100;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; margin-top:-50px
    }
    
    #menu_button:hover {
        cursor: pointer;

    }
    
    #hamburger {
        float: right;
        padding-top: .15em;
    }
    
    #menu_button span{
        display: block;
        background-color:#ff8100;
        width: 1.2em;
        height: .15em;
        border-radius: 1px;
        margin-bottom: .2em;
    }
    
    nav ul {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box; 
    }

    nav ul li {
        display: block;
    }
    
    nav ul li a {
        width: 100%;
    }
	
	#nav nav ul li a:hover, .cur{ background:none!important}
	nav ul li a{ padding:0px; font-size:14px; height:26px; line-height:26px; overflow:hidden; padding-left:25px}
	nav ul li li a{ padding:0px; font-size:14px; height:26px; line-height:26px; overflow:hidden; padding-left:45px; font-weight:normal}
		nav ul li li li a{ padding:0px; font-size:14px; height:26px; line-height:26px; overflow:hidden; padding-left:65px; font-weight:normal}
.logo{ display:none}
.logo2{ display:block}
}











@media screen and (max-width:760px) {

body{ min-width:280px}
#header .login .login-center{ width:100%; height:60px}
#header .login .login-center span{ display:none}
#header .login .login-center .logo2{ width:100%}
#header .login .login-center .logo2 img{ width:60%; height:auto; margin-left:5%; margin-top:5%}

.inpro .inprobody{ width:100%}
.inpro .inprobody li{ width:40%; float:left; margin-left:2.5%; margin-right:2.5%!important; padding:2.5%; min-height:220px}

.inpro .inprobody li img{ max-width:100%; height:auto}
.inpro .inprobody li span{ line-height:25px; font-weight:normal; font-size:16px; height:60px}
.inpro .inprobody li p{ font-size:14px}
.inchoose .inchoosebody{ width:95%; padding:2.5%}
.inwho .inwhobody{ width:100%;}

.inwho .inwhobody .title{ text-align:center}
.look-more{ float:none; display:inline-block; margin:0px auto}
.inwho .inwhobody .body{ padding:0px 2.5%}
.inser .inserbody{ width:100%}

.inser .inserbody li{ width:40%; float:left; margin-left:2.5%; margin-right:2.5%; padding:2.5%}
.inser .inserbody li img{ width:100%; height:auto}
.i-wrap-nine .list-wrap{ width:100%}
.i-wrap-nine .list-wrap li{ width:100%}
.i-wrap-nine .list-wrap ul{ width:100%}
.w1160{ width:100%!important}

.w1160 .fl{ width:95%!important; text-align:center; margin-left:2.5%; margin-right:2.5%}
.w1160 .fl p{ float:none!important; text-align:center}
 
.sjcen{ text-align:center; width:100%}
.look-more{ float:none!important}
.inser{ padding-top:0px}

.inser .inserbody{ margin-top:0px}


.inser {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 40px;
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-position: top center; padding-bottom:0px
}

.inser .inserbody .title{ height:80px}

.inser .inserbody{ margin-bottom:0px}

.i-wrap-nine .list-wrap li a{ width:100%}
.i-wrap-nine .list-wrap li .cont{ width:90%}

.i-wrap-nine .list-wrap li .ico{ display:none}
.i-wrap-nine .list-wrap li .cont{ margin-left:0px}


.indaohang .dhcon{ width:100%}
#content{ width:100%; padding-top:2.5%}

.inban{
    width: auto;
    height: 140px;
    margin: 0 auto;
    background-image: url(../images/inban.jpg);
    background-repeat: no-repeat;
    background-position: center;background-size:200%!important;
}

.indaohang .dhcon{ width:95%; margin-left:2.5%; margin-right:2.5%}

.abcd{ width:100%}
.abcd .ri{ width:95%; margin-left:2.5%; margin-right:2.5%; padding:0px}
.abcd .lan{ width:100%; text-align:center}

.course{ width:100%}

.fahui{ display:none}
.protype{ width:95%; margin:2.5%; }
.protype_first {
    background: #D76B22 url(../images/type_01.jpg) no-repeat;
    float: left;
    width:100%;
    height: 70px;
    padding-left: 50px;
    padding-top: 30px;
    color: #fff;
    font-size: 28px;
    margin-bottom: 15px;
}

.protype li{ width:100%}
.leftcon{ width:100%}
.leftcon .cbody{ width:100%}

.product .probody li{ width:40%; float:left; margin-left:2.5%; margin-right:2.5%; padding:2.5%; min-height:300px}
.product .probody li .info{ width:100%}
.product .probody li .info img{ width:100%; height:auto}
.product .probody li .info .pname{ font-size:14px; font-weight:normal; line-height:26px}
.product .probody li .rline{ border:none}
.product .probody li .info .des{ overflow:hidden; height:50px; font-size:14px}
.pagination-wrapper{ margin-left:2.5%; margin-right:2.5%}
.pinpai .probody li{ width:90%; padding:5%}
.nxcgfw{ width:100%}
.nxcgfw dl{ width:100%!important}
.nxcgfw dt, .nxcgfw dd{ width:100%}
.nxcgfw dt.hover{ width:100%}
.nxcgfw span, .nxcgfw p{ width:90%; margin-left:5%; margin-right:5%}
.nxcgfw dt.hover{ height:800px}
.menzhen li .mpic{ display:none}
.menzhen li .mcon{ margin-left:2.5%; margin-right:2.5%; width:95%}
.menzhen{ width:100%}
.menzhen li{ width:100%}
.course img{ max-width:100%!important; height:auto!important}
.tiyan li{ background:#FFFFFF}
.news{ width:100%}
.news li{ width:90%}
.news li .des{ width:100%}
.ptitle span{ display:none}
.pagination li{ margin-bottom:10px}
.bbody { width:95%; margin-left:2.5%; margin-right:2.5%}
.course td{ max-width:120px!important; min-width:80px}
.course td input{ max-width:100%}
.course td textarea{ max-width:100%}
.jqzoom{ width:100%!important}
#spec-n5{ width:100%}
.abcd .lan{ overflow:hidden}
.prodetail .inprobody{ width:100%; padding:0px}
.prodetail .inprobody li{ width:85%; margin-left:5%; margin-right:5%; padding:0px; margin-top:5%; padding:2.5%}
.con{ width:95%; margin-left:2.5%; margin-right:2.5%}

}


.prodetail .inprobody  li:last-child{margin-right:0!important;}
.taglist a{ font-size:14px!important; line-height:28px; color: #6D6D6D; text-decoration: none;}
.taglist{ padding:15px}